<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="../../base.jsp"%>
<!DOCTYPE html>
<html>

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>黑马面面管理系统</title>
    <meta name="description" content="AdminLTE2定制版">
    <meta name="keywords" content="AdminLTE2定制版">
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <!-- 页面meta /-->
</head>
<body>
<div id="frameContent" class="content-wrapper" style="margin-left:0px;">
    <!-- 内容头部 -->
    <section class="content-header">
        <h1>
            企业管理
            <small>编辑企业信息</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="all-admin-index.html"><i class="fa fa-dashboard"></i> 首页</a></li>
            <li><a href="all-order-manage-list.html">企业管理</a></li>
            <li class="active">编辑企业信息</li>
        </ol>
    </section>
    <!-- 内容头部 /-->

    <!-- 正文区域 -->
    <section class="content">

        <!--订单信息-->
        <div class="panel panel-default">
            <div class="panel-heading">企业信息</div>
            <form id="editForm" action="${ctx}/store/company/update" method="post">
                <input type="hidden" name="id" value="${company.id}">
                <div class="row data-type" style="margin: 0px">
                    <div class="col-md-2 title">企业名称</div>
                    <div class="col-md-4 data">
                        <input type="text" class="form-control" placeholder="企业名称" name="name" value="${company.name}">
                    </div>

                    <div class="col-md-2 title">营业执照</div>
                    <div class="col-md-4 data">
                        <input type="text" class="form-control" placeholder="营业执照" name="licenseId" value="${company.licenseId}">
                    </div>

                    <div class="col-md-2 title">所在城市</div>
                    <div class="col-md-4 data">
                        <select id="cityChose" class="form-control select2" name="city" style="width: 100%">
                           <%-- <input type="text" class="form-control" placeholder="所在地" name="city" value="${company.city}">--%>
                            <option  value="${company.city}">企业地址</option>
                        </select>
                    </div>

                    <div class="col-md-2 title">企业地址</div>
                    <div class="col-md-4 data">
                        <select id="addressChose" class="form-control select2" name="address" style="width: 100%">
                            <%-- <input type="text" class="form-control" placeholder="企业地址" name="address" value="${company.address}">--%>
                            <option value="${company.address}">企业地址</option>
                        </select>

                    </div>

                    <div class="col-md-2 title">法人代表</div>
                    <div class="col-md-4 data">
                        <input type="text" class="form-control" placeholder="法人代表" name="representative" value="${company.representative}">
                    </div>

                    <div class="col-md-2 title">联系电话</div>
                    <div class="col-md-4 data">
                        <input type="text" class="form-control" placeholder="联系电话" name="phone" value="${company.phone}">
                    </div>

                    <div class="col-md-2 title">公司规模</div>
                    <div class="col-md-4 data">
                        <input type="text" class="form-control" placeholder="公司规模" name="companySize" value="${company.companySize}">
                    </div>

                    <div class="col-md-2 title">所属行业</div>
                    <div class="col-md-4 data">
                        <input type="text" class="form-control" placeholder="所属行业" name="industry" value="${company.industry}">
                    </div>
                    <div class="col-md-2 title">状态</div>
                    <div class="col-md-4 data">
                        <select class="form-control select2" name="state" style="width: 100%;">
                            <option value="0" ${company.state==0 ? 'selected':''}>未审核</option>
                            <option value="1" ${company.state==1 ? 'selected':''}>已审核</option>
                        </select>
                        <input type="text" class="form-control" placeholder="状态" name="state" value="${company.state}">
                    </div>

                    <div class="col-md-2 title rowHeight2x">备注</div>
                    <div class="col-md-4 data rowHeight2x">
                        <textarea class="form-control" rows="3" name="remarks">${company.remarks}</textarea>
                    </div>
                </div>
            </form>
        </div>
        <!--订单信息/-->

        <!--工具栏-->
        <div class="box-tools text-center">
            <button type="button" onclick='document.getElementById("editForm").submit()' class="btn bg-maroon">保存</button>
            <button type="button" class="btn bg-default" onclick="history.back(-1);">返回</button>
        </div>
        <!--工具栏/-->

    </section>
    <!-- 正文区域 /-->

</div>
<!-- 内容区域 /-->
</body>
<script src="${ctx}/plugins/datepicker/bootstrap-datepicker.js"></script>
<script src="${ctx}/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
<script>
    $.ajax({//异步请求获取城市信息展示
        url:"${pageContext.request.contextPath}/store/company/findAllCity",
        type:"GET",
        async:true,
        data_type:"json",
        success:function(data){//成功后回调函数
            for(let i=0;i<data.length;i++){//因为得到是所在地城市的集合，所以循环遍历，将所有的城市添加到下拉框选项中
                //获取下拉框元素,添加子元素并给子元素添加文本内容，内容就是获取的每一个城市
                $("#cityChose").append("<option value='"+data[i].id+"'>"+data[i].name+"</option>");//在这里给每一个option标签添加value属性的目的就是将来好获取选中的城市的id，然后根据id查找有关联关系的地址表
            }
        }
    });
    //异步请求结束后，再给城市标签来个内容变换事件，根据选中的城市id选择对象的企业地址
    $("#cityChose").change(function () {
        //先获取选中城市的id
        let id= $("#cityChose").val();
        //在这里再次异步请求，获取对应的企业所在地址,请求地址上拼上选中地址的id
        if(id!=0){
            $.ajax({
                url:"${pageContext.request.contextPath}/store/company/findAllAddress?id="+id,
                type:"GET",
                async:true,
                data_type:"json",
                success:(function (data) {//请求成功后
                    $("#addressChose option:gt(0)").remove();//这个方法就表示让addressChose下拉框下的所有option子元素，索引大于0 的元素除外，其余全部自尽（gt > ;lt <）
                    for(let i=0;i<data.length;i++){//因为得到是企业所在地的集合，所以循环遍历，将所有的地址添加到下拉框选项中
                        //获取下拉框元素,添加子元素并给子元素添加文本内容，内容就是获取的每一个地址
                        $("#addressChose").append("<option value='"+data[i].name+"'>"+data[i].name+"</option>");//在这里每一个option标签添加的value属性可有可无
                        //上面<option value='"+data[i].name+"'>这个操作是为了下拉框被选中的时候直接获取选中的值 ，即value的值
                    }
                })
            });}
    });
</script>
</html>